<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>维权申请管理</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            background-color: #eaf7e4; /* 浅绿色背景 */
            color: #333; /* 深灰色文字 */
            margin: 0;
            padding: 0;
        }

        header {
            background-color: #4caf50; /* 深绿色头部背景 */
            color: #fff; /* 白色文字 */
            text-align: center;
            padding: 1em;
        }

        section {
            margin: 20px;
        }

        .knowledge-container {
            background-color: #dff0d8; /* 淡绿色知识容器背景 */
            padding: 20px;
            border-radius: 10px;
        }

        .knowledge-item {
            margin-bottom: 15px;
        }

        footer {
            background-color: #4caf50; /* 深绿色底部背景 */
            color: #fff; /* 白色文字 */
            text-align: center;
            padding: 1em;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
    </style>

</head>

<body>
    <header>
        <h1>维权申请管理</h1>
    </header>

    <section>
        <div class="knowledge-container" id="container">
 
        </div>

    </section>


</body>
    <script src="js/jquery-3.7.1.js"></script>
    
    <script type="text/javascript">
    $.ajax({
    	url:"/consumer/fromselectservlet",
    	type:"GET",
    	data:{
    		date: new Date()
    	},
    	error: function (){
    		console.log("失败");
    	},
    	success: function (data){
    		console.log("成功");
    		 for (var i = 0; i < data.length; i++) {
                 var divElement = $('<div>', {
                     class: 'knowledge-item',
                     id: 'html-' + i,
                     
                 });
                 divElement.html('<h2>' + data[i].type + '</h2><br>' + data[i].description+'<hr/>');
                 $('#container').append(divElement);
    		 }
    	}
    })
    </script>
</html>